$(function () {
    $("#updateStyle").click(function () {
        $("#updateStyleModal").modal("show");
        //f();
        $("#model_id").change(function () {
                f()
        });
        $("#customFile").change(function () {
            imgPreview(this);
        })
    });
    function f() {
        $.ajax({
            url: "/car/selectStyle",
            type: "post",
            dataType: "json",
            async: false,//设置为同步方法
            data:{
                model_id:$("#model_id").val()
            },
            success:function (result) {
                $("#images").src(result.images);
                $("#description").text(result.description);
            }
        });
    }
    function imgPreview(fileDom){
        // 判断是否支持File
        if(window.FileReader){
            var reader = new FileReader();
        }else {
            alert("你的设备不支持图片预览功能，如需该功能请升级你的设备")
        }
        // 获取该文件

        var file = fileDom.files[0];
        var imageType = /^image\//;
        if (!imageType.test(file.type)) {
            alert("请选择图片！");
            return;
        }
            reader.readAsDataURL(file);
            // 读取完成
            reader.onload = function (e) {
                // 获取图片dom
                var img = $("#images");
                // 图片路径设置为读取的图片
                img.attr("src",e.target.result);
            }
    }
    $("#updateStyleCommit").click(function () {
        var fromData = new FormData();
        var file= $("#customFile")[0].files[0];
        fromData.append("files",file);
        var model_id=$("#model_id").val();
        var description=$("#description").val();
        fromData.append("model_id",model_id);
        fromData.append("description",description);
        $.ajax({
            url: "/car/insertStyle",
            type: "post",
            /**
             *必须false才会自动加上正确的Content-Type
             */
            contentType:false,
            /**
             * 必须false才会避开jQuery对 formdata 的默认处理
             * XMLHttpRequest会对 formdata 进行正确的处理
             */
            processData: false,
            data:fromData,
            success:function (result) {
                if (result.errorCode===0){
                    toastr.success("更新成功")
                    $("#updateStyleModal").modal("hide");
                }
            }
        })
    })

});

